.box{
  background-color: #0e0e14;
  height: 100vh;
  .box1{
    background: linear-gradient(to bottom, #262739, #0e0e14);
    height: 90rpx;
    line-height: 90rpx;
    color: #fff;
    text-align: center;
    display: flex;
    padding: 0 30rpx 40rpx 30rpx;
    .box11{
      width: 85%;
    }
  }
  .box2{
    width: 95%;
    margin: auto;
    padding: 20rpx;
    background-color: #f9e0ce;
    border-radius: 25rpx;
    color: #74452e;
    box-sizing: border-box;
    .box21{
      display: flex;
      justify-content: space-between;
      .box21-left{
        width: 60%;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        .leftfont2{
          width: 100%;
          font-size: 60rpx;
        }
      }
      .box21-bottom{
        width: 40%;
        image{
          width: 80%;
          height: 150rpx;
          float: right;
        }
      }
    }
    .box22{
      margin: 20rpx 0;
    }
    .box23{
      display: flex;
      justify-content: space-between;
      font-size: 26rpx;
      margin-bottom: 20rpx;
    }
    .box24{
      display: flex;
      justify-content: space-between;
      .box24box{
        width: 20%;
        text-align: center;
        image{
          width: 100%;
          height: 100rpx;
        }
      }
    }
  }
  .box3{
    width: 95%;
    margin: 20rpx auto 0;
    padding: 20rpx;
    background-color: #2b2b38;
    border-radius: 25rpx;
    color: #fce9dc;
    box-sizing: border-box;
    .box3font{
      font-size: 38rpx;
      margin-bottom: 40rpx;
    }
  }
}